<!DOCTYPE html>
<html lang="en" class="pc">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 强制刷新浏览器缓存配置 -->
    <meta http-equiv="refresh" content="no-cache">
    <meta http-equiv="content-type" content="no-cache, no-store, must-revalidate">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <title>2024年首届“动画宇宙”杯校园数字创意大赛-动画宇宙</title>
    <link rel="icon" href="./assets/favicon.ico">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/upload-work.css">
    <script>
        let id = '${id}'
        let currentTime = '${sysdate}'
        let upStartTime = '${upstartTime}'
        let upEndTime = '${upendTime}'
        let awardTime = '${awardTime}'
    </script>
</head>
<body>
    <header class="pc-player-block">
        <img src="./assets/CDCC.png" alt="" class="img-size">
    </header>
    <header class="mobile-player-block">
        <div class="mobile-top-title">
            <div class="mobile-top-title-text">“动画宇宙”杯校园数字创意大赛</div>
            <div class="mobile-top-title-menu">
                <img onclick="openMenu()" src="./assets/menu.png" alt="" class="img-menu">
            </div>
        </div>
        <div class="mobile-menu-content">
            <div class="mobile-menu-content-close">
                <span class="mobile-menu-content-close-title">“动画宇宙”杯校园数字创意大赛</span>
                <div onclick="closeMenu()">x</div>
            </div>
            <div class="mobile-menu-content-list">
                <div class="mobile-menu-content-list-item" data-section="mb-activity-introduction-title">活动介绍</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-progress-title">赛事进程</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-description-title">赛道说明</div>
                <div class="mobile-menu-content-list-item" data-section="mb-submission-principles-title">投稿原则</div>
                <div class="mobile-menu-content-list-item" data-section="mb-evaluation-criteria-title">评审标准</div>
                <div class="mobile-menu-content-list-item" data-section="mb-organizer-title">主办单位</div>
                <div class="mobile-menu-content-list-item">全部作品</div>
                <div class="mobile-menu-content-list-item">获奖公示</div>
            </div>
        </div>
        <img src="./assets/mb-CDCC-s.png" alt="" class="img-size">
    </header>
    <main>
        <div class="back-top"></div>
        <ul class="navi-block-menu navi-default">
            <li data-section="activity-introduction-title">活动介绍</li>
            <li data-section="event-progress-title">赛事进程</li>
            <li data-section="event-description-title">赛事说明</li>
            <li data-section="submission-principles-title">投稿原则</li>
            <li data-section="evaluation-criteria-title">评审标准</li>
            <li data-section="organizer-title">主办单位</li>
            <li>全部作品</li>
            <li>获奖公示</li>
        </ul>
        <div class="main-container">
            <div class="main-block">
                <!-- 作品上传 -->
                <div class="upload-card">
                    <img src="./assets/upload-works.png" alt="" class="intro-card-title-img upload-works-title">
                    <img src="./assets/mb-upload-works.png" alt="" class="upload-works-title-mb">
                    <div class="upload-works">
                        <iframe class="upload-works-iframe"></iframe>
                    </div>
                </div>

            </div>
        </div>
    </main>
    <footer>
        <div class="footer-block">
            <div class="footer-block-content">
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">用户服务</h3>
                    <div class="info-item-about iia1">
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/about-our', '_blank')">关于我们</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/user-agreement', '_blank')">用户协议</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/privacy-policy', '_blank')">隐私政策</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/infringement-complaints', '_blank')">侵权投诉</span>
                    </div>
                    <div class="info-item-common iic1">
                        <p>市场监督举报电话:12345</p>
                        <p class="pointer" onclick="window.open('https://www.12377.cn/', '_blank')">网上有害信息举报专区</p>
                        <p class="pointer" onclick="window.open('https://jbts.mct.gov.cn/', '_blank')">全国文化和旅游市场网上举报投诉处理系统</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">联系我们</h3>
                    <div class="info-item-about">
                        <p>吉林吉动炫通网络科技股份有限公司</p>
                        <p>公司地址：吉林省长春市朝阳区硅谷大街1388号</p>
                    </div>
                    <div class="info-item-common">
                        <p class="pointer" onclick="window.open('https://www.animeta.com.cn/contact-us', '_blank')">查看详情</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <div class="info-item-title"><h3>动画宇宙</h3> <p>更多创意 更多惊喜</p></div>
                    <div class="flex-c">
                        <img src="./assets/qrcode.jpg" width="100" height="100" alt="" />
                        <p>公众号</p>
                    </div>
                </div>
            </div>
            <div class="footer-block-subcontent">
                <span>Copyright © 2024-至今 动画宇宙</span>
                <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
                <a href="https://www.animeta.com.cn/electronic-business-license">
                    <img src="./assets/license.png" alt=""/>电子营业执照
                </a>
                <a href="https://www.animeta.com.cn/service-license">人力资源服务许可证</a>
            </div>
        </div>
        <div class="mobile-footer-block">
            <span>Copyright © 2024-至今 动画宇宙</span>
            <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
        </div>
    </footer>
<script src="./js/upload-work.js"></script>
</body>
</html>
